<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {}
}
</script>

<style lang="less">
:root {
  // 设置文档背景颜色
  background: var(--theme-background);

  --theme-color: #000;
  --theme-background: #fff;
  // 导航栏的浅色状态
  --theme-top-background: #b4b4b4;
  // a元素的浅色
  --theme-top-list-color: #2c2c2c;
}
.dark {
  --theme-color: #fff;
  --theme-background: #000;
  // 导航栏的深色状态
  --theme-top-background: #353535;
  // a元素的深色
  --theme-top-list-color: #f2eeee;
}
* {
  margin: 0px;
  padding: 0px;
  // width 和 height 属性包括内容，内边距和边框，但不包括外边距
  box-sizing: border-box;
}

#app {
  min-width: 1200px;
  height: 100%;
  // caret-color: transparent;
  // overflow: scroll;
}
// 控制收货地址的高度
.el-cascader-menu {
  height: 300px;
}
</style>
